* {
  margin : 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

html,
body {
  min-width: 320px;
  max-width: 750px;
}

header {
  width           : 7.5rem;
  height          : 0.45rem;
  font-size       : 0.24rem;
  background-color: #ff2323;
  line-height     : 0.45rem;
  text-align      : center;
}

header div {
  width: 100%;
}

section {
  width      : 7.5rem;
  font-size  : 0.14rem;
  font-weight: normal;
  color      : #ccc;
  margin     : 10px 0;
}

section .news {
  width: 100%;
}

section .news li {
  width          : 100%;
  display        : flex;
  justify-content: space-between;
  margin         : 20px 0;
}

section .news li .content {
  flex           : 8;
  display        : flex;
  flex-direction : column;
  justify-content: space-between;
}

section .news li .content a {
  font-size  : 0.18rem;
  font-weight: normal;
  color      : #222;
}

section .news li .imgs {
  flex: 2;
}

section .news li .imgs img {
  width: 100%;
}